<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Title</title>
    <link rel="stylesheet" th:href="${css_mainContent}" href="">
    <link rel="stylesheet" th:href="${css_carousel}" href="">
</head>
<body>
<div class="canvasDiv">

    <div class="header">
        <ul th:each="tl:${tl_label}">
            <li><a href="#" th:text="${tl.name}"> </a></li>
        </ul>
    </div>
    <div class="divTopNew">
        <div class="topNew">

            <div class="topLeft">
                <div id="parent">
                    <div id="uls">
                        <ul id="img_ul" >
                            <li th:each="img:${img_five}"><p class="imgText"  th:if="${not #strings.isEmpty(img.yuanwen)}" th:text="${img.yuanwen.title}" >这里是源梦科技</p>
                                <a   th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${img.yuanwen.objectid}" href="#"><img th:src="${img.iconhref}" src=""/></a>
                            </li>
                        </ul>
                        <ul id="litCir_ul"></ul>
                    </div>
                    <div id="buttons">
                        <span id="left">&lt;</span>
                        <span id="right">&gt;</span>
                    </div>
                    <h3 id="Htitle">园文推荐</h3>
                </div>

            </div>
            <div class="topRight">
                <h3 class="h-title">最新笔迹</h3>
                <div class="left_new">
                    <ul >
                        <li th:each="tn:${YM_New}"><a th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${tn.objectid}"  href="#" th:text="${tn.title}"> </a>
                            <!--<li><a href="#" th:text="${tn.title}+'&emsp;&emsp;by： '+${tn.user.nickname}"> </a>-->
                        </li>
                    </ul>
                </div>
                <div class="right_new">
                    <ul >
                        <li th:each="tn:${YM_NewRight}"><a  th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${tn.objectid}"  href="#" th:text="${tn.title}"> </a>
                            <!--<li><a href="#" th:text="${tn.title}+'&emsp;&emsp;by： '+${tn.user.nickname}"> </a>-->
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="divBottomNew">
        <div class="bottomNew">
            <div class="bottomLeft">
                <h3 class="Ranking-title">下<br>载<br>排<br>行</h3>
            </div>
            <div class="bottom-Ranking-List">
                <div class="list_new firstNew ">
                    <h4 class="h-title">总榜</h4>
                    <ul >
                        <li th:each="tn:${total_New}"><a   th:href="'/download/bookDetail?bookId='+${tn.book.objectid}"  href="#" th:text="${tn.loadnumber}+'&emsp;'+${tn.book.name}"> </a></li>
                    </ul>
                </div>
                <div class="list_new centerNew">
                    <h4 class="h-title">上周榜</h4>
                    <ul >
                        <li th:each="tn:${week_New}"><a  th:href="'/download/bookDetail?bookId='+${tn.book.objectid}"  href="#" th:text="${tn.loadnumber}+'&emsp;'+${tn.book.name}"> </a>

                        </li>
                    </ul>
                </div>
                <div class="list_new lastNew">
                    <h4 class="h-title">今日榜</h4>
                    <ul >
                        <li th:each="tn:${day_New}"><a  th:href="'/download/bookDetail?bookId='+${tn.book.objectid}"  href="#" th:text="${tn.loadnumber}+'&emsp;'+${tn.book.name}"> </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottomRight">
                <h3 class="h-title">最近发布</h3>
                <div class="list_new tbList">
                    <ul >
                        <li th:each="tn:${TB_New}"><a   th:href="'/yuanwen/getViewBrowseAritcle?objectId='+${tn.objectid}" href="#" th:text="${tn.title}"> </a>

                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
<script th:src="${js_mainContent}"></script>
<script th:src="${js_carousel}"></script>
</html>
